
<div class="wrap">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
	<tr>
	<td width="54px" height="43px" class="fr_lefttop"></td>
	<td height="43px" class="fr_centertop" ></td>
	<td width="48px" height="43px" class="fr_righttop"></td>
	</tr>
	<tr>
	<td width="54px" class="fr_leftmiddle" >&nbsp;</td>
	<td class="fr_centermiddle">
{if $smarty.cookies.message != null}
	<div id="ajaxResponse1" class="ajaxResponse fade" style="display:block">{$smarty.cookies.message}</div>
{/if}
<h2>{t}Add Product{/t}</h2>
<form name="addproduct" enctype="multipart/form-data" id="addproduct" method="post" action="?mod={$smarty.get.mod}&sub1={$smarty.get.sub1}&act={$smarty.get.act}">
	<input type="hidden" name="act" value="addproduct" />
    <input type="hidden" name="url" value="?mod={$smarty.get.mod}&sub1={$smarty.get.sub1}" />	
    <input type="hidden" name="total_photos" id="total_photos" value="2" />
	<table class="editform" width="100%" cellspacing="2" cellpadding="5">
		<tr>
			<th scope="row" valign="top">
			<label for="cat_parent">{t}Category:{/t}</label></th>
			<td>        
	  			<select name='cat_parent' id='cat_parent' class='postform'>
		  			{foreach name=cat from=$CATS item=item}
						<option id='cat_parent-{$item->cat_ID}' value='{$item->cat_ID}'>
						{$item->temp_name} ( {$item->cat_type_name} )
					</option>
					{/foreach}
				</select>
	  		</td>
		</tr>
		<tr>
			<th scope="row" valign="top">
			<label for="product_status">{t}Status:{/t}</label></th>
			<td>        
	  			<select name='product_status' id='product_status' class='postform'>
					<option value='normal'>{t}Normal{/t}</option>
					<option value='new'>{t}New{/t}</option>
                    <option value='hot'>{t}Hot{/t}</option>
				</select>
	  		</td>
		</tr>
		<tr>
			<th width="33%" scope="row" valign="top">
			<label for="product_name">{t}Model name:{/t}</label></th>
			<td width="67%">
			<input name="product_name" id="product_name" type="text" value="" size="50" /></td>
		</tr>
        <tr>
			<th width="33%" scope="row" valign="top">
			Product name image:</th>
			<td width="67%">
			<input type="file" name="product_name_img"/>
            </td>
		</tr>
		<tr>
			<th width="33%" scope="row" valign="top">
			Product thumbnail:</th>
			<td width="67%">
			<input type="file" name="product_thumbnail"/>
            </td>
		</tr>
        <tbody id="product_photos">
        <tr>
			<th width="33%" scope="row" valign="top">
			Image 1:</th>
			<td width="67%">
			<input type="file" name="product_image_1" />
            </td>
		</tr>
        <tr>
			<th width="33%" scope="row" valign="top">
			Image 2:</th>
			<td width="67%">
			<input type="file" name="product_image_2" />
            </td>
		</tr>
        </tbody>
        <tr>
			<th width="33%" scope="row" valign="top">
			</th>
			<td width="67%">
			<a href="javascript: void(0)" onclick="onAddProductPhotos('product_photos','total_photos');">Add images</a>
            </td>
		</tr>
        <tr>
			<th width="33%" scope="row" valign="top">
			<label for="product_name">{t}Price:{/t}</label></th>
			<td width="67%">
			<input name="price" id="price" type="text" value="" size="50" /></td>
		</tr>
		<tr>
			<th scope="row" valign="top">
			<label for="short_info">{t}Short Description:{/t}</label></th>
			<td><textarea name="short_info" id="short_info" rows="5" cols="50" style="width: 97%;"></textarea></td>
		</tr>
		<tr>
			<th scope="row" valign="top">
			<label for="description">{t}Description (optional):{/t}</label></th>
			<td><textarea name="description" id="description" rows="5" cols="50" style="width: 97%;"></textarea></td>
		</tr>
        <tr>
			<th width="33%" scope="row" valign="middle">
			<label for="status">Active</label></th>
			<td width="67%">
				<input name="active" id="active" type="checkbox" value="1"/>
			</td>
		</tr>
	</table>
	<p class="submit" align = "right">
		<input type="submit" name="submit" value="{t escape=no}Add Product &raquo;{/t}" />
	</p>
</form>
</td>
	<td width="48px" class="fr_rightmiddle"></td>
	</tr>
	<tr>
	<td width="54px" height="60px" class="fr_leftbot" ></td>
	<td height="60px" class="fr_centerbot"></td>
	<td width="48px" height="60px" class="fr_rightbot" ></td>
	</tr>
</table>
</div>